import { styled } from "@mui/material";

export const ContentPageWrapper = styled("div")(() => ({
	width: "100%",
	height: "100%",
	display: "flex",
	flexDirection: "column",
	justifyContent: "flex-start",
	alignItems: "flex-start",
	gap: "8px",
}));

export const ContentPageHeader = styled("div")(() => ({
	width: "100%",
	display: "flex",
	justifyContent: "space-between",
	alignItems: "center",
}));

export const ContentPageHeaderTitleBlock = styled("div")(({ theme }) => ({
	width: "100%",
	display: "flex",
	justifyContent: "flex-start",
	alignItems: "center",
	gap: "4px",

	"& > span": {
		fontWeight: "600",
		fontSize: "26px",
		lineHeight: "40px",
		letterSpacing: "0.41px",
		color: theme.text.primary,
	},
}));
